<input
  class="border-1 block h-12 w-52 rounded-md border border-double border-slate-800 border-transparent bg-[linear-gradient(#000,#000),linear-gradient(to_right,#334454,#334454)] bg-origin-border px-3 py-2 text-slate-200 transition-all duration-500 [background-clip:padding-box,_border-box] placeholder:text-slate-500 focus:bg-[linear-gradient(#000,#000),linear-gradient(to_right,#c7d2fe,#8678f9)] focus:outline-none "
  placeholder="Enter Your Name"
/>
<!-- This div is used to know  Colors, Just trying to make it easier for You  -->
 <!-- Checkout : https://www.fffuel.co/cccolor/  for Colors -->
<!-- <div class="hidden bg-[#334454] bg-[#8678f9] bg-[#c7d2fe]"></div> -->
